﻿<!DOCTYPE html>
<html>

<head>
	{include head_content}
</head>

<body>
{include right_set}
	<div class="wrapper">
		<!-- Page Content -->
		<div id="content">
			{include h}
				<!-- Breadcrumb -->
				<!-- Page Title -->
				<div class="container mt-0">
					<div class="row breadcrumb-bar">
						<div class="col-md-6">
							<h3 class="block-title">协议转换</h3>
						</div>
						<div class="col-md-6">
							<ol class="breadcrumb">
								<li class="breadcrumb-item">
									<a href="index.html">
										<span class="ti-home"></span>
									</a>
								</li>
								<li class="breadcrumb-item">协议转换</li>

							</ol>
						</div>
					</div>
				</div>
			<!-- /Breadcrumb -->
			<!-- Main Content -->
			<div class="container">
				<div class="row">
						<div class="col-md-12">
							<div class="widget-area-2 lochana-box-shadow pb-3">
								<!-- Invoice Head -->
								<div class="row ">
									<div class="col-sm-6 mb-5">
										<h5 class="lochana-text-color">Lan网络</h5>
										<span>IP地址[192.168.1.0]</span>
										<br>
										<br>
										<span>子网掩码[225.225.225.0]</span>
										<br>
										<br>
										<button type="button" class="btn btn-info btn-sm">
											<span class="ti-settings"></span>设置
										</button>

									</div>
									<div class="col-sm-6 text-md-right mb-5">
										<h3>Wan网络</h3>
										<span>IP地址[177.7.7.0]</span>
										<br>
										<br>
										<span>子网掩码[225.225.225.0]</span>
										<br>
										<br>
										<span>VPN模式[服务端]</span>
										<br>
										<br>
										<span>VPNtoIP[177.7.7.7]</span>
										<br>
										<br>
										<span>用户名[username]</span>
										<br>
										<br>
										<button type="button" class="btn btn-info btn-sm">
											<span class="ti-settings"></span>设置
										</button>
									</div>
								</div>
								<!-- /Invoice Head -->
								<!-- Invoice Content -->

								<!-- /Invoice Content -->
						</div>
					</div>
				</div>
			</div>
			<!-- /Main Content -->
			<!--Copy Rights-->
			{include f}
			<!-- /Copy Rights-->
		</div>
		<!-- /Page Content -->
	</div>
	<!-- Back to Top -->
	<a id="back-to-top" href="#" class="back-to-top">
			<span class="ti-angle-up"></span>
	</a>
	<!-- /Back to Top -->
	<!-- Jquery Library-->
	<script src="View/CQQ/js/jquery-3.2.1.min.js"></script>
	<!-- Popper Library-->
	<script src="View/CQQ/js/popper.min.js"></script>
	<!-- Bootstrap Library-->
	<script src="View/CQQ/js/bootstrap.min.js"></script>
	<!-- Custom Script-->
	<script src="View/CQQ/js/custom.js"></script>
</body>

</html>